<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>消息</title>
    <link rel="stylesheet" href="css/mui.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/news.css" />
</head>
<body>
    <!--header开始-->
    <header>消息</header>
    <!--header结束-->
    <!--内容页开始-->
    <section class="content">
    	<main>
    		<ul class="newslist">
    			<li>
    				<a href="javascript:void(0)">
    					<div class="newscontent-left">
	    					<img src="img/comment@2x.png" alt="" style="width:0.38rem;height:0.34rem;"/>
	    					<p>评论</p>
    					</div>
    					<div class="newscontent-right">1</div>
    				</a>
    			</li>
    	     	<li>
    				<a href="javascript:void(0)">
    					<div class="newscontent-left">
	    					<img src="img/xincopy@2x.png" alt="" style="width:0.38rem;height:0.32rem;"/>
	    					<p>点赞</p>
    					</div>
    					<div class="newscontent-right">1</div>
    				</a>
    			</li>
    			<li>
    				<a href="javascript:void(0)">
    					<div class="newscontent-left">
	    					<img src="img/dplg@2x.png" alt="" style="width:0.38rem;height:0.46rem;"/>
	    					<p>通知</p>
    					</div>
    					<div class="newscontent-right">1</div>
    				</a>
    			</li>
    			<li>
    				<a href="javascript:void(0)">
    					<div class="newscontent-left">
	    					<img src="img/lingdang@2x.png" alt="" style="width:0.32rem;height:0.4rem"/>
	    					<p>公告</p>
    					</div>
    				</a>
    			</li>
    			<li>
    				<a href="javascript:void(0)">
    					<div class="newscontent-left">
	    					<img src="img/sixin@2x.png" alt="" style="width:0.4rem;height:0.38rem;" />
	    					<p>私信</p>
    					</div>
    				</a>
    			</li>
    			<li>
    				<a href="javascript:void(0)">
    					<div class="newscontent-left">
	    					<img src="img/dbsx@2x.png" alt="" style="width:0.38rem;height:0.348rem"/>
	    					<p>待办事项</p>
    					</div>
    				</a>
    			</li>
    		</ul>
    	</main>
    </section>
    <!--内容页结束-->
</div> 
</body>
<script src="js/mui.js"></script>
<script src="js/pxtorem.js"></script>
<script src="js/scrollnone.js"></script>
<script src="js/apptool.js"></script>
<script>
	mui.init();
	mui.plusReady(function(e){
		//评论
		mui('.newslist>li:first-child')[0].addEventListener("tap",function(e){
			webtool.openPreView('comment',function(wb){
				wb.show('slide-in-right',300);
			})
		})
		//点赞
		mui('.newslist>li:nth-child(2)')[0].addEventListener("tap",function(e){
			webtool.openPreView('givelike',function(wb){
				wb.show('slide-in-right',300);
			})
		})
		//通知
		mui('.newslist>li:nth-child(3)')[0].addEventListener("tap",function(e){
			webtool.openPreView('inform',function(wb){
				wb.show('slide-in-right',300);
			})
		})
		//公告
		mui('.newslist>li:nth-child(4)')[0].addEventListener("tap",function(e){
			webtool.openPreView('annount',function(wb){
				wb.show('slide-in-right',300);
			})
		})
		//私信
		mui('.newslist>li:nth-child(5)')[0].addEventListener("tap",function(e){
			webtool.openPreView('pletter',function(wb){
				wb.show('slide-in-right',300);
			})
		})
		//代办事项
		mui('.newslist>li:nth-child(6)')[0].addEventListener("tap",function(e){
			webtool.openPreView('pletter',function(wb){
				wb.show('slide-in-right',300);
			})
		})
	})
</script>
</html>